<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta name="description" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="keywords" content="蜂媒介-社会化媒体策略专家平台"/>
	<meta name="author" content="name, sycbbb@sina.com"/>
	<meta name="robots" content="index,follow"/>
	<title>蜂媒介-社会化媒体策略专家平台</title>
	<link rel="stylesheet" href="styles/index.css">
	<link rel="stylesheet" href="styles/swiper-3.4.0.min.css">
</head>
<body>
<!-- header begin -->
<div class="header">
    <div class="w">
    	<div class="logo"><a href="index.html"><img src="images/logo.png" alt=""></a></div>
    	<div class="nav">
    		<ul>
    		    <li><a href="video.html">直播/短视频</a></li>
    			<li class="active"><a href="WeChat_promotion.html">微信推广</a></li>
    			<li><a href="microblog.html">微博红人</a></li>
    			<li><a href="advertorial.html">软文发稿</a></li>
    			<li><a href="specialist.html">媒介专家</a></li>
    			<li><a href="wasp.html">蜂效应</a></li>
    			<li><a href="about.html">关于我们</a></li>		
    		</ul>
    	</div>
    </div>
</div>
<!-- header end -->
<!-- container begin -->
<div class="container">
    <!-- banner begin -->
	<div class="banner">
	    <div class="swiper-container">
		    <div class="swiper-wrapper">
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
			    <div class="swiper-slide"><img src="images/banner01.jpg" alt=""></div>
		    </div>
		</div>
		<div class="login w">
			<div class="login-container">
				<ul>
					<li class="active">广告主登录</li>
					<li>媒介主登录</li>
					<div class="line"></div>
				</ul>
				<div class="login-list">
					<form class="form" style="display:block;">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="error-prompt">
							<p>请输入帐号</p>
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<form class="form">
						<div class="name input-list">
						    <i></i>
							<input type="text" placeholder="输入账号">
						</div>
						<div class="password input-list">
						    <i></i>
							<input type="text" placeholder="输入密码">
						</div>
						<div class="btn">
							<a href="" class="login-btn">登陆</a>
							<a href="" class="register-btn">免费注册</a>
						</div>
						<div class="forget-password">
							<span><input type="checkbox">记住我</span>
							<a href="">忘记密码</a>
						</div>
						<div class="third-party">
							<a class="Wechat" href=""></a>
							<a class="microblog" href=""></a>
							<a class="qq" href=""></a>
						</div> 
					</form>
					<!-- 登录后 begin -->
					<!--   <div class="login-success">
					      <div class="img">
					      	 <img src="images/head_icon.jpg" alt="">
					      </div>
					      <p>欢迎您，13719236677</p>
					  	  <a href="">进入广告主平台</a>
					  </div> -->
					<!-- 登录后 end -->
				</div>
			</div>
		</div>
	</div>
	<!-- banner end -->
	<!-- 微信推广 begin -->
	<div class="WeChat-promotion">
	    <div class="w">
	    	<div class="title WeChat-title">
				<h3><i></i>微信推广</h3>
				<p>依托海量优质流量资源，为广告主提供跨平台、跨终端的媒体投放策略，并利用大数据处理算法实现成本可控、效果可观、一键定投</p>
			</div>
			<div class="WeChat-container">
				<ul class="WeChat-nav">
		    		<li class="active">网红</li>
		    		<li>名人</li>
		    		<li>时尚</li>
		    		<li>娱乐</li>
		    		<li>音乐</li>
		    		<li>美食</li>
		    		<li>美容</li>
		    		<li>服装</li>
		    		<li>家居</li>
		    	</ul>
		    	<div class="WeChat-text-all">
		    		<div class="WeChat-text-list" style="display:block;">
                        <ul class="promotion">
                        	<li class="active">
                        	    <div class="headImg">
                        	        <i></i>
                        	    	<img src="images/head_icon.jpg" alt="">
                        	    </div>
                        		<h3>上分神器</h3>
                        		<div class="text-num">
	            					<dl>
	            						<dd>
	            						   <p>粉丝数</p>  
	            						   <p class="num">100万+</p> 
	            						</dd>
	            						<dd>
	            							<p>阅读数</p>
	            							<p class="num">10万+</p>
	            						</dd>
	            						<dd>
	            							<p>点赞数</p>
	            							<p class="num">2204</p>
	            						</dd>
	            					</dl>
	            				</div>
	            				<a href="">查看报价</a>
                        	</li>
                        	<li>
                        	    <div class="headImg">
                        	        <i></i>
                        	    	<img src="images/head_icon.jpg" alt="">
                        	    </div>
                        		<h3>上分神器</h3>
                        		<div class="text-num">
	            					<dl>
	            						<dd>
	            						   <p>粉丝数</p>  
	            						   <p class="num">100万+</p> 
	            						</dd>
	            						<dd>
	            							<p>阅读数</p>
	            							<p class="num">10万+</p>
	            						</dd>
	            						<dd>
	            							<p>点赞数</p>
	            							<p class="num">2204</p>
	            						</dd>
	            					</dl>
	            				</div>
	            				<a href="">查看报价</a>
                        	</li>
                        	<li>
                        	    <div class="headImg">
                        	        <i></i>
                        	    	<img src="images/head_icon.jpg" alt="">
                        	    </div>
                        		<h3>上分神器</h3>
                        		<div class="text-num">
	            					<dl>
	            						<dd>
	            						   <p>粉丝数</p>  
	            						   <p class="num">100万+</p> 
	            						</dd>
	            						<dd>
	            							<p>阅读数</p>
	            							<p class="num">10万+</p>
	            						</dd>
	            						<dd>
	            							<p>点赞数</p>
	            							<p class="num">2204</p>
	            						</dd>
	            					</dl>
	            				</div>
	            				<a href="">查看报价</a>
                        	</li>
                        	<li>
                        	    <div class="headImg">
                        	        <i></i>
                        	    	<img src="images/head_icon.jpg" alt="">
                        	    </div>
                        		<h3>上分神器</h3>
                        		<div class="text-num">
	            					<dl>
	            						<dd>
	            						   <p>粉丝数</p>  
	            						   <p class="num">100万+</p> 
	            						</dd>
	            						<dd>
	            							<p>阅读数</p>
	            							<p class="num">10万+</p>
	            						</dd>
	            						<dd>
	            							<p>点赞数</p>
	            							<p class="num">2204</p>
	            						</dd>
	            					</dl>
	            				</div>
	            				<a href="">查看报价</a>
                        	</li>
                        	<li>
                        	    <div class="headImg">
                        	        <i></i>
                        	    	<img src="images/head_icon.jpg" alt="">
                        	    </div>
                        		<h3>上分神器</h3>
                        		<div class="text-num">
	            					<dl>
	            						<dd>
	            						   <p>粉丝数</p>  
	            						   <p class="num">100万+</p> 
	            						</dd>
	            						<dd>
	            							<p>阅读数</p>
	            							<p class="num">10万+</p>
	            						</dd>
	            						<dd>
	            							<p>点赞数</p>
	            							<p class="num">2204</p>
	            						</dd>
	            					</dl>
	            				</div>
	            				<a href="">查看报价</a>
                        	</li>
                        	<li>
                        	    <div class="headImg">
                        	        <i></i>
                        	    	<img src="images/head_icon.jpg" alt="">
                        	    </div>
                        		<h3>上分神器</h3>
                        		<div class="text-num">
	            					<dl>
	            						<dd>
	            						   <p>粉丝数</p>  
	            						   <p class="num">100万+</p> 
	            						</dd>
	            						<dd>
	            							<p>阅读数</p>
	            							<p class="num">10万+</p>
	            						</dd>
	            						<dd>
	            							<p>点赞数</p>
	            							<p class="num">2204</p>
	            						</dd>
	            					</dl>
	            				</div>
	            				<a href="">查看报价</a>
                        	</li>
                        </ul>
		    		</div>
		    		<div class="WeChat-text-list">100</div>
		    		<div class="WeChat-text-list">200</div>
		    		<div class="WeChat-text-list">300</div>
		    		<div class="WeChat-text-list">400</div>
		    		<div class="WeChat-text-list">500</div>
		    		<div class="WeChat-text-list">600</div>
		    		<div class="WeChat-text-list">700</div>
		    	</div>
			</div>
	    </div>	
	</div>
	<!-- 微信推广 end -->
    <!-- 蜂指数微信榜单 begin -->
    <div class="bee-index">
    	<div class="w">
	    	<div class="title bee-index-title">
				<h3><i></i>蜂指数微信榜单</h3>
				<div class="time">
					<div class="date">时间<span>2016年第34周1009-1015<em></em></span></div>
					<div class="territory">领域<a href="javascript:;">不限<em></em></a></div>
					<div class="search"><input type="text"><button></button></div>
				</div>
			</div>
			<table>
				<thead>
				    <tr>
				    	<th>排名</th>
						<th>公众号</th>
						<th>总阅读数</th>
						<th>最高阅读数</th>
						<th>最高阅读数</th>
						<th>总点赞数</th>
						<th>蜂指数BOCI</th>
				    </tr>
				</thead>
				<tbody>
					<tr>
						<td>1</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						    <div class="text">
						    	<h4>人民日报</h4>
							    <h5>rmrbwx</h5>
							    <p>参与、沟通、记录时代粉丝数：100万+</p>
						    </div>
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>2</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						    <div class="text">
						    	<h4>人民日报</h4>
							    <h5>rmrbwx</h5>
							    <p>参与、沟通、记录时代粉丝数：100万+</p>
						    </div>
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>3</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						    <div class="text">
						    	<h4>人民日报</h4>
							    <h5>rmrbwx</h5>
							    <p>参与、沟通、记录时代粉丝数：100万+</p>
						    </div>
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>4</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						    <div class="text">
						    	<h4>人民日报</h4>
							    <h5>rmrbwx</h5>
							    <p>参与、沟通、记录时代粉丝数：100万+</p>
						    </div>
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
					<tr>
						<td>5</td>
						<td>
						   <img src="images/head_icon.jpg" alt="">
						    <div class="text">
						    	<h4>人民日报</h4>
							    <h5>rmrbwx</h5>
							    <p>参与、沟通、记录时代粉丝数：100万+</p>
						    </div>
						</td>
						<td>搞笑/段子手</td>
						<td>882.99</td>
						<td>431.05</td>
						<td>451.93 </td>
						<td>180万+</td>
					</tr>
				</tbody>
			</table>
	    </div>	
    </div>
    <!-- 蜂指数微信榜单 end -->
    <!-- 微信成功案例 begin -->
    <div class="WeChat-promotion WeChat-success-promotion">
	    <div class="w">
	    	<div class="title WeChat-success-title">
				<h3><i></i>成功案例</h3>
				<p></p>
			</div>
			<div class="WeChat-container WeChat-success-container">
				<ul class="WeChat-success-nav">
		    		<li class="active">电商案例</li>
	    			<li>金融案例</li>
	    			<li>品牌案例</li>
	    			<li>家电案例</li>
	    			<li>餐饮案例</li>
		    	</ul>
		    	<!-- <div class="success-all">
		    		<div class="success-list" style="display:block;">
                        <div class="success-img-text">
                        	<img src="images/success-img-text1.jpg" alt="">
                        	<div class="text">
                        		<h3>美女柳岩力推的红糖姜茶，引众多粉丝关注</h3>
                        		<h6>案例亮点</h6>
                        		<p>星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频</p>
                        		<h6>适合此玩法的产品</h6>
                                <p>食品、快消品、美妆等</p>
                        		<h6>玩法举例</h6>
                        		<p>@柳岩 爱尚美红糖姜茶</p>
                        	</div>
                        </div>
                        <div class="success-img-text">
                        	<img src="images/success-img-text1.jpg" alt="">
                        	<div class="text">
                        		<h3>美女柳岩力推的红糖姜茶，引众多粉丝关注</h3>
                        		<h6>案例亮点</h6>
                        		<p>星直接推荐，强化口碑；用短视频的形式演绎传统的广告，效果事半功倍。星直接推荐，强化口碑星直接推荐，强化口碑；用短视频</p>
                        		<h6>适合此玩法的产品</h6>
                                <p>食品、快消品、美妆等</p>
                        		<h6>玩法举例</h6>
                        		<p>@柳岩 爱尚美红糖姜茶</p>
                        	</div>
                        </div>
                        <a href="">更多>></a>
		    		</div>
		    		<div class="success-list">100</div>
		    		<div class="success-list">200</div>
		    		<div class="success-list">300</div>
		    		<div class="success-list">400</div>
		    		<div class="success-list">500</div>
		    		<div class="success-list">600</div>
		    		<div class="success-list">700</div>
		    	</div> -->
		    	<div class="new-successful-text-all">
	    			<div class="successful-text-list" style="display:block;">
                       <!-- <h2>项目概述</h2> -->
                       <div class="content">
                       	  <div class="l"><img src="images/rL01.jpg" alt=""></div>
                       	  <div class="r">
                       	  	 <h3>项目概述<i></i></h3>
                       	  	 <p class="pText">
                       	  	 <span>结合小熊电器赞助综艺节目《穿越吧厨房》这一背景，在微博展开以“小熊穿越吃吃吃为主题的送礼活动，通过转发微博，获得赠礼，与生活美食KOL合作，通过大量转发互动，成功引爆活动热度，再以“穿越灵魂美食”为主题，探讨自己心中的灵魂美食，通过KOL之间的互动，植入产品和品牌信息……</span>
                       	  	 <!-- <span style="display:none;">
                       	  	 	结合小熊电器赞助综艺节目《穿越吧厨房》这一背景，在微博展开以“小熊穿越吃吃吃为主题的送礼活动，通过转发微博，获得赠礼，与生活美食KOL合作，通过大量转发互动，成功引爆活动热度，再以“穿越灵魂美食”为主题，探讨自己心中的灵魂美食，通过KOL之间的互动，植入产品和品牌信息结合小熊电器赞助综艺节目《穿越吧厨房》这一背景，在微博展开以“小熊穿越吃吃吃为主题的送礼活动，通过转发微博，获得赠礼，与生活美食KOL合作，通过大量转发互动，成功引爆活动热度，再以“穿越灵魂美食”为主题，探讨自己心中的灵魂美食，通过KOL之间的互动，植入产品和品牌信息。
                       	  	 </span>
                       	  	 <a onclick="showText()" href="javascript:;">展开查看更多∨</a> -->
                       	  	 </p>
                       	  	 <div class="rL">
                       	  	 	<h3>案例亮点<i></i></h3>
                       	  	 	<p>利用热门综艺节目开播为活动背景，通过送礼这一形式吸引关注，并结合相关KOL帐号的互动转发，成功扩散活动信息，为后续活动做好了铺垫，提高活动关注</p>
                       	  	 </div>
                       	  	 <div class="rR">
                       	  	 	<h3>传播效果<i></i></h3>
                                <div class="list">
                                	<i class="i1"></i>
                                	<ul>
                                		<li>
                                			<p>覆盖量</p>
                                			<h4>3613万+</h4>
                                		</li>
                                		<li>
                                			<p>讨论量</p>
                                			<h4>3613万+</h4>
                                		</li>
                                		<li>
                                			<p>产出比</p>
                                			<h4>300%</h4>
                                		</li>
                                	</ul>
                                </div>
                                <div class="list">
                                	<i class="i2"></i>
                                	<ul>
                                		<li>
                                			<p>阅读量</p>
                                			<h4>29万+</h4>
                                		</li>
                                		<li>
                                			<p>产出比</p>
                                			<h4>29万+</h4>
                                		</li>
                                	</ul>
                                </div>
                       	  	 </div>
                       	  	 <div class="rB">
                       	  	 	<h3>合作KOL<i></i></h3>
                       	  	 	<dl>
                       	  	 		<dd><i><img src="images/live01.jpg" alt=""></i>999道私房菜</dd>
                       	  	 		<dd><i><img src="images/live01.jpg" alt=""></i>当时我就震惊了</dd>
                       	  	 		<dd><i><img src="images/live01.jpg" alt=""></i>当时我就震惊了</dd>
                       	  	 	</dl>
                       	  	 </div>
                       	  </div>
                       </div>
	    			</div>
	    			<div class="successful-text-list">200</div>
	    			<div class="successful-text-list">300</div>
	    			<div class="successful-text-list">400</div>
	    			<div class="successful-text-list">500</div>
	    		</div>
			</div>
	    </div>	
	</div>
    <!-- 微信成功案例 end -->
</div>
<!-- container end -->
<!-- footer begin -->
<div class="footer">
	<div class="w">
		<div class="footer-top">
			<img src="images/er.jpg" alt="">
			<div class="right">
				<dl>
					<dt>友情链接:</dt>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
					<dd><a href="">友情链接1</a></dd>
				</dl>
				<ul>
					<li><a href="">关于我们</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">加入我们</a></li>
					<li><a href="">欢迎合作</a></li>
					<li><a href="">服务条款</a></li>
					<li><a href="">隐私声明</a></li>
					<li><a href="">投诉建议</a></li>
				</ul>
			</div>
		</div>
		<div class="footer-bottom">
			<p>Copyright ©2016 城外圈：一站式智能营销平台 广东天展网络科技有限公司 版权所有粤ICP备11015542号</p>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
			<a href=""><img src="images/b.jpg" alt=""></a>
		</div>
	</div>
</div>
<!-- footer end -->
<!-- backtop begin -->
<div class="back-top">
    <div class="qq">
    	<a href="#"></a>
    	<div class="list">
    		<ul>
    			<li class="on"><i></i><a href="">在线咨询</a></li>
    			<li><i></i><a href="">在线咨询</a></li>
    			<li class="on"><i></i><a href="">在线咨询</a></li>
    		</ul>
    	</div>
    </div>
	<div class="top">
		<a href="javascript:;"></a>
	</div>
</div>
<!-- backtop end -->
<!-- script begin -->
<script src="scripts/lib/jquery-1.8.3.min.js"></script>
<script src="scripts/lib/swiper-3.4.0.jquery.min.js"></script>
<script src="scripts/index.js"></script>
<script>
  //滚动
    $(window).scroll(function(){
    	 if($("body").scrollTop()==0){
    	 	$(".header").removeClass("headerActive");
    	 	$(".header .logo img").attr("src","images/big_logo.png");
    	 }else if($("body").scrollTop()>0){
    	 	$(".header").addClass("headerActive");
    	 	$(".header .logo img").attr("src","images/logo.png");
    	 }    
    });
    
    //成功案例
	$(".WeChat-success-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".new-successful-text-all .successful-text-list").eq($(this).index()).show().siblings().hide();
    }); 
    $(".link-img li").bind("hover",function(){
        $(this).addClass("active").siblings().removeClass("active");
    }); 


    //微信推广
    $(".WeChat-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".WeChat-text-all .WeChat-text-list").eq($(this).index()).show().siblings().hide();
    }); 
	//WeChat_promotion 微信推广01
    $(".promotion li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
    }); 
    //WeChat_promotion 微信推广02
    $(".WeChat-success-nav li").bind("mousemove",function(){
        $(this).addClass("active").siblings().removeClass("active");
        $(".success-all .success-list").eq($(this).index()).show().siblings().hide();
    }); 
</script>
<!-- script end -->
</body>
</html>